<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>用户信息表单</title>
    <style>
        table {
            border-collapse: collapse;
            width: 80%;
            margin: 20px auto;
            border: 1px solid black;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            padding: 8px;
            text-align: left;
        }
        tr:nth-child(even) {
            background-color: #add8e6;
        }
        .submit-row {
            text-align: center;
        }
    </style>
</head>
<body>计科2412张扬31
    <form action="#" method="post">
        <table>
            <tr>
                <<th>用户名：</</th>
                <td><input type="text" name="username" value="赵二"></td>
            </tr>
            <tr>
                <<th>密码：</</th>
                <td><input type="password" name="password" value="***"></td>
            </tr>
            <tr>
                <<th>性别：</</th>
                <td>
                    <input type="radio" name="gender" value="male">男
                    <input type="radio" name="gender" value="female" checked>女
                </td>
            </tr>
            <tr>
                <<th>年龄：</</th>
                <td><input type="number" name="age" value="30"></td>
            </tr>
            <tr>
                <<th>是否党员：</</th>
                <td><input type="checkbox" name="isPartyMember">（选中为是，不选为否）</td>
            </tr>
            <tr>
                <<th>所在省市：</</th>
                <td>
                    <select name="city">
                        <option value="tianjin" selected>天津</option>
                        <option value="beijing">北京</option>
                        <option value="shanghai">上海</option>
                    </select>
                    （默认选中天津）
                </td>
            </tr>
            <tr>
                <<th>个人爱好：</</th>
                <td>
                    <input type="checkbox" name="hobby" value="football">踢足球
                    <input type="checkbox" name="hobby" value="basketball" checked>打篮球
                    <input type="checkbox" name="hobby" value="movie">看电影
                    <input type="checkbox" name="hobby" value="game">玩游戏
                </td>
            </tr>
            <tr>
                <<th>上传照片：</</th>
                <td><input type="file" name="photo"></td>
            </tr>
            <tr>
                <<th>国籍：</</th>
                <td>
                    <input type="checkbox" name="nationality" value="china" checked>中国
                    <input type="checkbox" name="nationality" value="foreign">外国
                </td>
            </tr>
            <tr>
                <<th>生日：</</th>
                <td><input type="date" name="birthday" value="1999-11-18"></td>
            </tr>
            <tr>
                <<th>最喜欢的颜色：</</th>
                <td><input type="color" name="color" value="#9932CC"></td>
            </tr>
            <tr>
                <<th>个人说明：</</th>
                <td><textarea name="description" rows="5" cols="30">tute</textarea></td>
            </tr>
            <!-- 按钮居中行 -->
            <tr>
                <td colspan="2" class="submit-row">
                    <input type="submit" value="提交">
                    <input type="reset" value="重置">
                </td>
            </tr>
            <tr>
                <<th>注册须知：</</th>
                <td>注册前请您仔细阅读用户服务协议的相关条款。</td>
            </tr>
        </table>
    </form>
</body>
</html>